<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <input type="text" value="123" id="a">

    <script>

        // 数组的长度  length 

        // 数组的下标  index 
        //    是从0开始的



        // 数组是一个对象
        //   对象是有属性和属性值组成的
        //      属性可以是字符串，也可以是数字
        
        //   对象的属性值都可以通过 [] 访问   比如：  arr['length']    arr[0]    oInp['value']
        //   对象的属性值也可以通过点语法来访问   比如：arr.length   oInp.value  
        //       注意：点语法要求属性名必须是字符串(不能是数字开头)




        var arr = [1,2,3] ;
        console.log(arr) ;
        console.log(arr.length) ;


        console.log(arr[0]) ;

        console.log(arr['length']) ;



        // var oInp = document.getElementById('a') ;
        // console.log(oInp['value']) ;

    </script>
    
</body>
</html>